<template>
  <div id="app">
    <keep-alive>
      <router-view></router-view>
    </keep-alive>
    <playController v-show="isShow" :listPlay="listPlay"></playController>
  </div>
</template>

<script>
import bus from "@/utils/eventBus.js";
import playController from "@/components/playCotroller.vue";
import "animate.css";
export default {
  name: "App",
  data() {
    return {
      //是否展示歌曲控件，默认不展示
      show: false,
      //点击playlist列表播放 false为不播放，true为播放
      listPlay: false,
    };
  },
  components: {
    playController,
  },
  computed: {
    isShow() {
      return this.$store.state.isShow;
    },
  },
};
</script>
<style lang="less">
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "微软雅黑";
}
#app {
  height: 100vh;
}
.icon {
  width: 0.3rem;
  height: 0.3rem;
}
a {
  color: #333;
  text-decoration: none;
}
</style>
